.header{
    margin-top: 30px;
    /* border: 1px solid red; */
    background-color: white;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}
.header .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .top span{
    color: #fa746b;
}
.header .bottom{
    height: 50px;
    /* border: 1px solid; */
    display: flex;
    align-items: center;
}
.header .bottom img{
    height: 50px;
}
.header .bottom .text{
    height: 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.header .bottom .text p{
    color: #999999;
}
/* list */
ul{
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-around;
    background-color: white;
}
 ul li{
    width: 23%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
ul li:first-child p{
    color: #2561ef;
}
ul li:first-child p:nth-child(1){
    font-weight: bold;
}
ul li:last-child p{
    color: #999999;
}
/* details */
.details{
    background-color: white;
}
.details .details_body span{
    color:black;
}
.details .details_body p{
    color: #999999;
}
.details .details_body:nth-child(3){
    border-top: 1px solid #f2f2f2;
}
.details .details_body .cs{
    color: #fddb78;
}
.blank{
    height: 80px;
}
/* footer */
footer{
    height: 60px;
    width: 100%;
    /* border: none; */
    position: fixed;
    bottom: -1px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer input{
    width: 90%;
    height: 75%;
    border: none;
    border-radius: 10px;
    background-color: #2561ef;
    color: white;
}
